<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<!--
			
			物理像素:指我们通常所说的分辨率
			逻辑像素：指程序上写的像素值
			设备像素比可通过手机型号得知
			设备像素比=物理像素/逻辑像素
			ppi设备像素密度，设备每英寸所占的像素个数。
			计算：设备的宽高值通过勾股定理就算出对角线的值然后除于设备大小(这里的大小指的是我们通常所说的多英寸)
			viewport：理想视口，就是达到布局视口（为了能让更多的内容容纳在更小的屏幕里面）等于设备视口的大小。
			
		-->
	</body>
</html>
